<template>
  <div class="succeed-con">
    <div class="top">
      <h1>支付成功</h1>
      <img src="imgs/succeed/succeed.png" alt="">
    </div>
    <div class="jump">
      <router-link to="/">继续购物</router-link>
      <router-link to="/order">我的订单</router-link>
    </div>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Succeed'
}
</script>

<style lang='less' scoped>
.succeed-con {
  font-size: 40px;
  text-align: center;
  .top {
    padding: 50px 0;
    h1 {
      font-size: 50px;
    }
    img {
      width: 400px;
      height: 400px;
    }
  }
  .jump {
    a {
      margin-right: 20px;
      color: #ff6600;
    }
  }
}
</style>
